@charset "utf-8";
/******************************************
@ Author: Piaoyis;
@ Date: 2014-04-15;
@ Description: global CSS;
@ blog: http://me.piaoyis.com;
******************************************/
header,footer,nav { display: block; }
html,body,nav,div,ul,ol,li,h1,h2,h3,h4,blockquote,p,a,input,img,em { margin: 0; padding: 0; color: #333; font: normal 14px/1.7 "Microsoft YaHei",Arial,sans-serif; }
body { overflow-x: hidden; overflow-y:hidden; }
table { border-collapse: collapse; }
table,th,tr,td { font-size: 100%; vertical-align: middle; }
ul,li { list-style: none; }
img { vertical-align: top; border: none; }
a { text-decoration: none; }
h1,h2,h3,h4 { font-weight: normal; line-height: 2; }
h1 { font-size: 36px; }
h2 { font-size: 22px; }
h3 { font-size: 18px; }
blockquote { margin: 10px 0; padding: 5px 10px; border: 1px dotted #DDD; background: #F9F9F9; }
blockquote p { font-size: 14px; line-height: 1.7; }
i { background: url() no-repeat 0 0; }
b { padding: 0 5px; }
legend { margin: 0; }
em { font-style: normal; }
/* common */
.clearfix{ *zoom:1; }
.clearfix:after{ display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content:"."; }
.fl { float: left; }
.fr { float: right; }
.mr10{margin-right:10px;}
.top-10{padding-top:10px;}
.top-20 { padding-top: 20px; }
.top-70 { padding-top: 70px; }
.logo { height: 48px; margin-top: 5px; background: url(../images/logo.png) no-repeat 0 0; }
.bottom-logo { height: 48px; background: url(../images/bottom-logo.png) no-repeat 0 0; }
.logo a,.bottom-logo a { display: block; width: 100%; height: 100%; }
.bottom-line { border-bottom: 1px solid #DDD; margin-bottom: 10px; }
.padding-bootom { padding-bottom: 10px; }
.scrollY { overflow-x: hidden; overflow-y: auto; }
.scrollX { overflow-y: hidden; overflow-x: auto; }
.content-list { clear: both; margin-top: 10px; padding: 0 18px; }
.content-list > li { position: relative; clear: both; padding: 0 0 0 18px; min-height: 36px; }
.content-list > li > em { position: absolute; top: 0; left: -11px; width: 22px; height: 22px; line-height: 22px; background: #5BC648; text-align: center; color: #FFF; border-radius: 50%; }
.w33 { width: 33%; }
.w25 { width: 25%; }
/* mainbg */
.mainbg { background: url(./images/main_bg.png); height: 100%; overflow: hidden; }
/* #login */
#login { margin-top: 10%; }
.login-form { border: 1px solid #DDD; background: #FFF; border-radius: 5px; padding: 0; }
.login-form form { padding: 10px 15px; }
.login-form h1 { font-size: 18px; padding: 0 15px; line-height: 2.5; background: #EEE; border-bottom: 1px solid #DDD; }
/* pages */
.pagination { margin: 0 0 20px; float: right; }
/* search */
.search { margin-bottom: 20px; }
/* col-infos */
.col-infos { background: #333; color: #FFF; margin-bottom: 20px; }
.col-infos i { padding-right: 5px; }
.col-infos h2 { color: #FFF; padding: 0 10px; font-size: 1.2em; }
.col-infos small { padding-left: 15px; }
.col-infos .btn { margin-top: 6px; }
/* Header */
#header { border-bottom: 1px solid #CCC;
    background-color: #F3F3F3;
    background-image: -moz-linear-gradient(top, #F3F3F3, #E2E2E2); 
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F3F3F3), to(#E2E2E2));
    background-image: -webkit-linear-gradient(top, #F3F3F3, #E2E2E2);
    background-image: -o-linear-gradient(top, #F3F3F3, #E2E2E2);
    background-image: linear-gradient(to bottom, #F3F3F3, #E2E2E2);
    background-repeat: repeat-x;
    z-index: 1003; 
}
.navbar-default { border: none; border-radius: 0; }
.navbar-brand { height: 38px; margin: 8px 0 0 20px; padding: 0 0 0 60px; line-height: 2; background: url(images/logo.png) no-repeat 0 0; }
.navbar-right>li>a>i{ font-size: 1.25em; }
#content { position: absolute; left: 0; top: 50px; right: 0; bottom: 0; }
#left { position: absolute; left: 0; top: 0; bottom: 0; width: 220px; background: #333; overflow-x: hidden; overflow-y: auto; }
#infos { padding: 10px 20px; border-bottom: 1px solid #111; }
#infos p { color: #A8A8A8; }
#menu { position: relative; padding: 0 0; top: 0; border-bottom: 1px solid #555;}
#menu >li { clear: both; }
#menu >li >a { display: block; color: #A8A8A8; padding: 10px 20px; border-top: 1px solid #555; border-bottom: 1px solid #111; }
#menu >li >a:hover { background: #DDD; color: #333; text-decoration: none; }
#menu >.active>a:before { content: "\f0d9"; font-family: FontAwesome; display: block; height: 27px; line-height: normal; width: 27px; position: absolute; right: -21px; font-size: 20px; color: #FFF; }
#menu >li >a>i { min-width: 15px; margin-right: 10px; }
#menu >li >a>i.after { float: right; padding-top: 5px; margin-right: 0; }
.submenu { display:none; background: #666; }
.submenu >li {border-bottom:1px solid #999; }
.submenu >li:last-child{border-bottom:0;}
.submenu >li > a { display: block; color: #DDD; padding: 10px 20px 10px 55px; }
.submenu >li > a:hover { background: #999; text-decoration: none; }
#copyright { clear: both; padding: 0; }
#copyright li { padding: 10px 20px; }
#copyright p { color: #A8A8A8; font-size: 0.875em; }
#copyright p>i { min-width: 20px; font-size: 1.5em; text-align: center; }
#right { position: absolute; left: 220px; top: 0; right: 0; bottom: 0; }
#mainFrame { position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; border: 1px solid #DDD; background: #FFF; }
#frameContent { width: 100%; height: 100%; }

/* frameContent */
.frameContent { padding: 0 8px; height: 100px; }
.form-inline .control-label{min-width:62px;padding:5px 0;margin-left:10px;}
.form-inline .form-control{margin-top:2px;}

/*add */
.TableLine1 input[type="text"]{padding:4px 10px;}
#content .nav{font-size:13px;color:#333;} 
.mbx{font-size:13px;color:#333;}
.add_user .form-group{overflow:hidden;}
.mid{width:400px;margin:0 auto;}
.mid .col-md-6{text-align:center;}
.add_user .form-group{overflow:hidden;}

.con_box{padding:30px;}
.first_check{paddding:10px;}
.first_check input{margin-right:5px;vertical-align:middle;margin-top:-2px;}
.first_check label{margin-right:15px;}
.scrond_check{margin-bottom:10px;margin-left:30px;}
.scrond_check input{margin-right:5px;vertical-align:middle;margin-top:-2px;}
.scrond_check label{margin-right:15px;font-weight:normal;}
#showDiv{margin-left:30px;}

.tab_cell{width:100%;height:32px;border-bottom:3px solid #ccc;margin:20px 0;}
.tab_cell li{float:left;margin-right:10px;}
.tab_cell li a{color:#333;padding:0 15px;float:left;height:29px;line-height:29px;}
.tab_cell .active{border-bottom:3px solid #F60;}
.tab_cell .active a{color:#F60;font-size:16px;}

/* add */
.text_css{background-color: #ffffff; }
/* 详细显示文本框的样式 */
.other-main{ padding-top:10px; padding-right:20px;padding-bottom:10px; overflow:hidden;word-wrap: break-word;word-break: normal;}





